@import "bootstrap-sprockets";
@import "bootstrap";

/* mixins, variables, etc. */
$gray-medium-light: #eaeaea;
/* universal */
body {
  padding-top: 60px;
  font-size: 17px;
}
section {
  overflow: auto;
}
textarea {
  resize: vertical;
}
.center {
  text-align: center;
  h1 {
    margin-bottom: 10px;
  }
}
/* typography */
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
}
h1 {
  font-size: 3em;
  letter-spacing: -2px;
  margin-bottom: 30px;
  text-align: center;
}
h2 {
  font-size: 1.2em;
  letter-spacing: -1px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: normal;
  color: $gray-light;
}
p
{
  font-size: 1.1em;
  line-height: 1.7em;
}
a{
}
/* header */
header{
  font-size: 18px;

  li{
    margin-top: 15px;
  }

  .nav{
    margin-bottom: -5px;
  }
}

#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  color: white;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: -1px;
  font-weight: bold;
  &:hover {
    color: white;
    text-decoration: none;
  }
}
/* footer */
footer {
  margin-bottom: 0px;
  font-size: 18px;
  margin-top: 45px;
  padding-top: 5px;
  border-top: 1px solid $gray-medium-light;
  color: $gray-light;
  a {
    color: $gray;
    &:hover {
      color: $gray-darker;
    }
  }
  small {
    float: left;
  }
  ul {
    float: right;
    list-style: none;
    li {float: left;
      margin-left: 15px;
    }
  }
}




.media {
  width: 60rem;
  margin: 2.5rem auto;
  padding: 2.5rem 5rem;
  background-color: #ffffff;
  border: 2px solid #1b6d85;
  word-wrap: break-word;
}

.btn-primary{
  width: 100%;
  padding: 10px;
  font-size: 16px;
}

.comment-show{
  padding: 2.5px 5px;
  border: 1px solid #1b6d85;
}
















































//@import "bootstrap-sprockets";
//@import "bootstrap";
//
///* universal */
//
//$light-gray: #777;
//
//body {
//  padding-top: 60px;
//}
//section {
//  overflow: auto;
//}
//textarea {
//  resize: vertical;
//}
//.center {
//  text-align: center;
//}
//.center h1 {
//  margin-bottom: 10px;
//}
//
///* typography */
//h1, h2, h3, h4, h5, h6 {
//  //line-height: 1;
//}
////h1 {
////  font-size: 3em;
////  letter-spacing: -2px;
////  margin-bottom: 30px;
////  text-align: center;
////}
////h2 {
////  font-size: 1.2em;
////  letter-spacing: -1px;
////  margin-bottom: 30px;
////  text-align: center;
////  font-weight: normal;
////  color: #777;
////}
//p
//{
//  font-size: 1.1em;
//  line-height: 1.7em;
//}
//
//
///* header */
//#logo {
//  float: left;
//  margin-right: 10px;
//  font-size: 1.7em;
//  color: #fff;
//  text-transform: uppercase;
//  letter-spacing: -1px;
//  padding-top: 9px;
//  font-weight: bold;
//}
//#logo:hover {
//  color: #fff;
//  text-decoration: none;
//}
//
//img{
//  display: none;
//}
//
///* footer */
//footer {
//  margin-top: 45px;
//  padding-top: 5px;
//  border-top: 1px solid #eaeaea;
//  color: $light-gray;
//  a {
//    color: #555;
//    &:hover {
//      color: #222;
//    }
//  }
//  small {
//    float: left;
//  }
//  ul {
//    float: right;
//    list-style: none;
//    li {
//      float: left;
//      margin-left: 15px;
//    }
//  }
//}
